<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="http://www.baidu.com">baidu</a>
    <script>
        let a = document.querySelector('a')

        // 阻止默认行为也很简单，直接event.preventDefault()即可。其实这个东西很常用，我们开发的时候很多时候要用到a标签或者表单元素，但是他们自身的一些默认行为会妨碍我们开发。比如a标签的点击自动跳转，我们可以把它这样取消。就不会跳转了。又比如有些时候我们需要自定义右键菜单，这个时候就要阻止掉浏览器默认的右键菜单。
        a.onclick = (e)=>{
            e.preventDefault()

            // 其实直接return false也可以阻止默认行为，但是不太建议这样写。
            return false
        }
    </script>
</body>
</html>